<template>
  <div>
    <van-nav-bar title="优惠活动" left-text="" left-arrow @click-left="fun">
      <template #right>
        <van-icon name="search" size="25" />
      </template>
    </van-nav-bar>
    <van-dropdown-menu active-color="#1989fa">
      <van-dropdown-item v-model="value1" :options="option1" />
      <van-dropdown-item v-model="value2" :options="option2" />
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: 0,
      value2: "a",
      option1: [
        { text: "全部", value: 0 },
        { text: "特色餐饮", value: 1 },
        { text: "时尚购物", value: 2 },
        { text: "生活服务", value: 3 },
        { text: "休闲娱乐", value: 4 },
      ],
      option2: [
        { text: "当前活动", value: "a" },
        { text: "已经结束", value: "b" },
      ],
    };
  },
  methods: {
    onClickLeft() {
      Toast("返回");
    },
    onClickRight() {
      Toast("按钮");
    },
    fun() {
      this.$router.push("/life");
    },
  },
};
</script>

<style lang="less">
.van-nav-bar {
  background-color: #1369b6;
  color: #fff;
  // @nav-bar-title-text-color: #fff;
}
.van-nav-bar__title {
  color: #fff;
}
.van-nav-bar .van-icon {
  color: #fff;
}
</style>